<template>
    <div class="title">
        <h2>爆爆团</h2>
        <h1>限时爆款 超级低价</h1>
    </div>
</template>

<script>
export default {

}
</script>

<style lang="scss" scoped>
.title{
        background-color: red;
        border-bottom-left-radius: 30%;
        border-bottom-right-radius: 30%;
        background:linear-gradient(to bottom,red 5%,#fee5b8 100%);
        height: 220px;
        position: relative;
        top: 0;
        h2{
            text-align: center;
            color: white;
            font-style:oblique;
            font-size: 16px;
        }
        h1{
            text-align: center;
            color: #fee5b8;
            line-height: 160px;

        }
    }

</style>